<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/sass.css">
    <link rel="stylesheet" href="./icon/iconfont.css">
</head>
<body>
    <header>
        <div class="header1">
            <input type="button"  value="x">
            <img src="./img/1.png" alt="" >
        </div>
        <div class="header2">
            <span>打开京东App，购物更轻松</span>
        </div>
        <div class="header3"><a href="">立即打开</a></div>
    </header>
    <nav>
        <div class="nav1">
            <a href="" class="iconfont icon-caidan"></a>
        </div>
        <div class="nav2">
            <span>JD <li class="iconfont icon-sousuo"></li></span>
            <input type="text" placeholder="罗技鼠标">
        </div>
        <div class="nav3">
            <a href="">登录</a>
        </div>
    </nav>
    <article>
        <aside class="content_text1">
            <div class="content_text1_img">
                <img src="./img/big1.jpg" alt="" id="img1">
                <img src="./img/big2.jpg" alt="" id="img2">
                <img src="./img/big3.jpg" alt="" id="img3">
                <img src="./img/big4.jpg" alt="" id="img4">
                <img src="./img/big1.jpg" alt="" id="img5">
                <img src="./img/big2.jpg" alt="" id="img6">
                <img src="./img/big3.jpg" alt="" id="img7">
                <img src="./img/big4.jpg" alt="" id="img8">
            </div>
            <div class="xyd">
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </aside>
        <aside class="content_text2">
            <div>
                <img src="./img/n1.jpg" alt="">
                <span><a href="">京东超市</a></span>
            </div>
            <div>
                <img src="./img/n2.jpg" alt="">
                <span><a href="">数码电器</a></span>
            </div>
            <div>
                <img src="./img/n3.jpg" alt="">
                <span><a href="">京东服饰</a></span>
            </div>
            <div>
                <img src="./img/n4.jpg" alt="">
                <span><a href="">京东生鲜</a></span>
            </div>
            <div>
                <img src="./img/n5.jpg" alt="">
                <span><a href="">京东到家</a></span>
            </div>
            <div>
                <img src="./img/n6.jpg" alt="">
                <span><a href="">充值缴费</a></span>
            </div>
            <div>
                <img src="./img/n7.jpg" alt="">
                <span><a href="">物流查询</a></span>
            </div>
            <div>
                <img src="./img/n8.jpg" alt="">
                <span><a href="">领券</a></span>
            </div>
            <div>
                <img src="./img/n9.jpg" alt="">
                <span><a href="">领金贴</a></span>
            </div>
            <div>
                <img src="./img/n10.jpg" alt="">
                <span><a href="">PLUS会员</a></span>
            </div>
        </aside>
        <aside class="content_text3">
            <div class="content_text3_top">
                <div class="content_text3_top1">
                    <aside>
                        <span>京东秒杀</span>
                    </aside>
                    <aside>
                        <a href="">22</a>
                    </aside>
                    <aside><span class="span1">00</span> :</aside>
                    <aside><span class="span1">08</span> :</aside>
                    <aside><span class="span1">00</span></aside>
                </div>
                <div class="content_text3_top2">
                    <a href="">更多秒杀<span> ></span></a>
                </div>
            </div>
            <div class="content_text3_down">
                <div>
                    <img src="./img/dd1.jpg" alt="">
                    <span><a href="">￥ 81.9</a></span>
                </div>
                <div>
                    <img src="./img/dd2.png" alt="">
                    <span><a href="">￥ 25.6</a></span>
                </div>
                <div>
                    <img src="./img/dd3.jpg" alt="">
                    <span><a href="">￥ 599</a></span>
                </div>
                <div>
                    <img src="./img/dd4.png" alt="">
                    <span><a href="">￥ 8.5</a></span>
                </div>
                <div>
                    <img src="./img/dd5.jpg" alt="">
                    <span><a href="">￥ 19.8</a></span>
                </div>
                <div>
                    <img src="./img/dd6.png" alt="">
                    <span><a href="">￥ 479</a></span>
                </div>
            </div>
        </aside>
        <aside class="content_text4">
            <img src="./img/ddddd.png" alt="">
        </aside>
    </article>
    <footer>
        <div>
            <img src="./img/1.png" alt="">
            <span><a href="">首页</a></span>
        </div>
        <div>
            <span class="iconfont icon-fenlei"></span>
            <span><a href="">分类</a></span>
        </div>
        <div>
            <span class="iconfont icon-arrowreduce"></span>
            <span><a href="">京喜</a></span>
        </div>
        <div>
            <span class="iconfont icon-gouwuchexuanzhong"></span>
            <span><a href="">购物车</a></span>
        </div>
        <div>
            <span class="iconfont icon-denglu1"></span>
            <span><a href="">未登录</a></span>
        </div>
    </footer>
</body>
</html>